/* 全局样式 */
html body, html h1, html h2, html h3, html h4, html h5, html h6, html hr, html p, html blockquote, html dl, html dt, html dd, html ul, html ol, html li, html pre, html form, html fieldset, html legend, html button, html input, html textarea, html th, html td {
    margin: 0px;
    padding: 0px;
}
html ul, html ol{
    list-style: none;
}
a{
    text-decoration: none;
}

/* 头部head样式 */
#head_box{
    width: 100%;
    height: 40px;
    background: #333333;
    z-index: 300;
}
#head_box .head_warp{
    width: 1226px;
    height: 40px;
    margin: 0 auto;
}
#head_box .head_warp .head_nav{
    width: 550px;
    line-height:40px;
    font-size: 12px;
    color: #b0b0b0;
    text-align: center;
    float: left;
}
#head_box .head_warp .head_nav a{
    margin-left: 5px;
    color: #b0b0b0;
}
#head_box .head_warp .head_nav span{
    margin-left: 8px;
    color: #b0b0b0;
}
#head_box .head_warp .head_nav a:hover{
    color: aliceblue;
}
#head_box .head_warp .head_right{
    width: 188px;
    height: 40px;
    float: right;
}
#head_landing{
    float: left;
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #b0b0b0;
    font-size: 15px;
    text-align: center;
}
#head_landing a{
    color: #b0b0b0;
}
#head_landing a:hover{
    color: aliceblue;
}
#head_car{
    width: 100px;
    height: 40px;
    float: right;
    background: #424242;
    line-height: 40px;
    text-align: center;
    color: #b0b0b0;
    font-size: 15px;
    cursor: pointer;
    position: relative;
}
#head_car a{
    color: #b0b0b0;
}
#head_car #car_content{
    position: absolute;
    width: 300px;
    background-color:#fff;
    z-index: 999;
    margin-left: -200px;
    cursor: default;
    font-size: 12px;
    line-height: 100px;
}

/* 导航栏样式 */
#main_head_box{
    width: 100%;
    color: #424242;
    position: relative;
}
#menu_wrap{
    width: 1226px;
    height: 100px;
    margin: 0 auto;
}
#main_head_box #menu_wrap #menu_log{
    width: 49px;
    height: 49px;
    line-height: 55px;
    text-align: center;
    float: left;
    margin-top: 20px;
}
#menu_nav{
    width: auto;
    height: 100%;
    float: left;
    margin-left: 200px;
}
#menu_nav ul li{
    float: left;
    line-height: 100px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    color: rgb(66, 66, 66);
}
#menu_nav ul li a{
    color: rgb(66, 66, 66);
}
#menu_nav ul li a:hover{
    text-decoration: underline;
}
#find_wrap{
    float: right;
    width: 302px;
    height: 50px;
    line-height: 50px;
    margin-top: 25px;
    border: 1px solid #f0f0f0;
}
#find_bar{
    width: 245px;
    height: 48px;
    float: left;
    /* margin-top: 1px; */
}
#find_input{
    width: 224px;
    height: 28px;
    border: none;
    outline: none;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
#find_btn{
    width: 56px;
    height: 50px;
    text-align: center;
    float: left;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
    background: rgb(255, 255, 255);
    color: rgb(66, 66, 66);
    border-left: 1px solid #f0f0f0;
    transition: all 2s;
    -moz-transition: all 2s;	/* Firefox 4 */
    -webkit-transition: all 2s;	/* Safari 和 Chrome */
    -o-transition: all 2s;	/* Opera */
}
#menu_content_bg{
    border:0px solid rgb(208, 208, 208);
    width: 100%;
    overflow: hidden;
    position: absolute;
    background: #fff;
    z-index: 700;
    transition: all 3s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}
#menu_content_wrap ul{
    height: auto;
    width: 100%;
    position: absolute;
    color: #424242;
    display: block;
}
#menu_content_wrap ul li{
    display: none;
    width: 100%;
    height: 230px;
    transition: all 1s;
}
.menu_content{
    float: left;
    width: 160px;
    cursor: pointer;
    margin-top: 30px;
}
.menu_content_tit{
    font-size: 13px;
    text-align: center;
    margin-top: 20px;
}
.menu_content_price{
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
    color: orangered;
}
.menu_content_line{
    width: 0px;
    height: 100px;
    float: left;
    border-left:1px solid #d0d0d0; 
    margin: 30px 20px;
}

/* 轮播图和垂直导航条样式 */
 #big_banner_wrap{
     width: 1226px;
     height: 460px;
     margin: 0 auto;
     position: relative;
     color: #424242;
     background: blue;
 }
 #banner_menu_wrap{
     width: 235px;
     height: 100%;
     float: left;
     position: absolute;
     background: rgba(0, 0, 0, 0.8);
     z-index: 600;
 }
 #banner_menu_wrap li{
     width: 100%;
     height: 42px;
     position: relative;
     cursor: pointer;
     transition: all .3s;
     background: none;
     line-height: 40px;
 }
 #banner_menu_wrap .active{
     margin-top: 20px;
 }
 #banner_menu_wrap li a{
     font-size: 13px;
     color: #fff;
     margin-left: 30px;
     float: left;
 }
 #banner_menu_wrap li .banner_menu_i{
     float: right;
     font-size: 20px;
     margin-right: 20px;
 }
 #banner_menu_wrap li .banner_menu_content{
     width: 600px;
     height: 459px;
     z-index: 610;
     position: absolute;
     left: 235px;
     border: 0px solid rgb(240, 240, 240);
     background: #fff;
 }
 .banner_menu_content_ul{
     float: left;
     width: 280px;
 }
 .banner_menu_content_ul li{
     width: 250px;
     height: 40px;
     padding: 18px;
     float: left;
 }
 #big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a{
     color: #424242;
     margin-left: 5px;
     font-size: 12px;
 }
 .banner_menu_content .banner_menu_content_ul li span{
     width: 59px;
     height: 25px;
     float: right;
     margin-top: 5px;
     border: 1px solid #ff6700;
     color: #ff6700;
     line-height: 25px;
     text-align: center;
     font-size: 13px;
     margin-right: 25px;
     transition: all .3s;
 }
 #banner_menu_wrap li span:hover{
    background: #ff6700;
    color: #fff;
}


 #big_banner_pic_wrap{
     width: 1226px;
     height: 460px;
     position: relative;
     overflow: hidden;
 }
 #big_banner_pic{
     width: 6130px;
     height: 460px;
     position: absolute;
     float: left;
 }
 #big_banner_pic li{
     width: 1226px;
     height: 460px;
     float: left;
     cursor: pointer;
 }
 #big_banner_change_wrap{
     width: 961px;
     height: 460px;
     position: absolute;
     top: 0px;
     left: 250px;
     color: #fff;
 }
 #big_banner_change_prev{
     width: 50px;
     height: 70px;
     float: left;
     margin-top: 205px;
     font-size: 50px;
     text-align: center;
     cursor: pointer;
     transition: all 1s;
 }
 #big_banner_change_next{
     width: 50px;
     height: 70px;
     float: right;
     margin-top: 205px;
     font-size: 50px;
     text-align: center;
     cursor: pointer;
     transition: all 1s;
 }

 /* 商品栏样式 */
 #head_other_wrap{
     width: 1226px;
     height: 170px;
     margin: 0 auto;
     margin-top: 20px;
     color: #b0b0b0;
     font-size: 13px;
 }
 #head_other_wrap #head_other{
    width: 235px;
    height: 170px;
    float: left;
    background: #5f5750;
 }
 #head_other_wrap .head_other_ad{
     width: 316px;
     height: 170px;
     float: left;
     margin-left: 14px;
 }
 #head_other ul li{
     display: block;
     width: 76px;
     height: 85px;
     float: left;
     cursor: pointer;
     transition: all 0.3s;
 }
 #head_other ul li div{
     width: 70px;
     height: 70px;
     text-align: center;
     margin:0 auto;
     margin-top: 5px;
 }
 #head_other ul li #div1{
     border-right: 1px solid #888888;
     border-bottom: 1px solid #888888;
 }
 #head_other ul li #div2{
     border-left: 1px solid #888888;
     border-bottom: 1px solid #888888;
     border-right: 1px solid #888888;
 }
 #head_other ul li #div3{
     border-left: 1px solid #888888;
     border-bottom: 1px solid #888888;
 }
 #head_other ul li #div4{
     border-top: 1px solid #888888;
     border-right: 1px solid #888888;
 }
 #head_other ul li #div5{
    border-left: 1px solid #888888;
     border-top: 1px solid #888888;
     border-right: 1px solid #888888;
 }
 #head_other ul li #div6{
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
}
#head_other ul li div p{
    line-height: 35px;
}

/* 大米明星单品商品栏样式 */
#head_hot_goods_wrap{
    width: 1226px;
    margin: 0 auto;
    color: #424242;
}
#head_hot_goods_title{
    width: 1226px;
    height: 60px;
    line-height: 60px;
}
#head_hot_goods_title .title_span{
    font-size: 25px;
    font-weight: 100;
}
#head_hot_goods_change{
    width: 102px;
    height: 25px;
    float: right;
    margin-top: 20px;
    border: 1px solid #f0f0f0;
    line-height: 23px;
    text-align: center;
}
#head_hot_goods_change .head_hot_goods_prave{
    width: 50px;
    height: 25px;
    float: left;
    border-right: 1px solid #f0f0f0;
    font-size: 20px;
    cursor: pointer;
}
#head_hot_goods_change .head_hot_goods_next{
    width: 50px;
    height: 25px;
    float: right;
    font-size: 20px;
    cursor: pointer;
}
#head_hot_goods_wrap #head_hot_goods_content{
    width: 1226px;
    height: 345px;
    position: relative;
    overflow: hidden;
}
#head_hot_goods_wrap #head_hot_goods_content ul{
    width: 2500px;
    height: 300px;
    position: absolute;
    left: 0px;
    transition: all 1s;
}
#head_hot_goods_wrap #head_hot_goods_content ul li{
    width: 237px;
    height: 300px;
    padding-top: 20px;
    margin-right: 10px;
    background: #fafafa;
    float: left;
    text-align: center;
    border-top: 1px solid #ff6700;
}
#head_hot_goods_wrap #head_hot_goods_content ul li a{
    display: block;
}
#head_hot_goods_wrap #head_hot_goods_content ul li a:nth-child(2){
    margin: 15px auto;
    font-size: 13px;
    color: #333;
}
#head_hot_goods_wrap #head_hot_goods_content ul li a:nth-child(3){
    font-size: 12px;
    color: #b0b0b0;
}
#main_show_box{
    width: 100%;
    height: 700px;
    background: #f5f5ff;
    padding-bottom: 60px;
}
#main_show_box #floor_wrap{
    width: 1228px;
    margin: 0 auto;
    height: 58px;
}
#main_show_box #floor_wrap .title_span{
    font-size: 25px;
    font-weight: 100;
    line-height: 58px;
}
#main_show_box #floor_goods_wrap{
    width: 1228px;
    height: 620px;
    margin: 0 auto;
}
#main_show_box #floor_goods_wrap ul{
    height: 100%;
}
#main_show_box #floor_goods_wrap ul li{
    width: 234px;
    height: 300px;
    float: left;
    text-align: center;
    position: relative;
    background: #ffffff;
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
    transition: all .5s;
}
#main_show_box #floor_goods_wrap ul li:first-child{
    width: 234px;
    height: 610px;
}
#main_show_box #floor_goods_wrap ul li a{
    display: block;
}
#main_show_box #floor_goods_wrap ul li a:nth-child(2){
    font-size: 15px;
    margin-top: 15px;
    color: #424242;
}
#main_show_box #floor_goods_wrap ul li a:nth-child(3){
    font-size: 12px;
    margin-top: 5px;
    color: #bebebe;
}
#main_show_box #floor_goods_wrap ul li a:nth-child(4){
    font-size: 15px;
    margin-top: 15px;
    color: #ff6700;
}

/* 底部栏样式 */
#foot_box{
    width: 100%;
    height: 280px;
}
#foot_box #foot_wrap{
    width: 1226px;
    height: 291px;
    margin: 0 auto;
}
#foot_box #foot_wrap .foot_top{
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #bebebe;
}
#foot_box #foot_wrap .foot_top ul{
    width: 80%;
    height: 100%;
    margin: 0 auto;
}
#foot_box #foot_wrap .foot_top ul li{
    float: left;
    cursor: pointer;
    color: #9d9d9d;
}
#foot_box #foot_wrap .foot_top ul .font_top_i{
    margin: 0 50px;
    font-size: 25px;
    font-weight: 100;
}
.foot_bottom .foot_bottom_l{
    height: 160px;
    margin-top: 50px;
    float: left;
}
.foot_bottom .foot_bottom_l dl{
    float: left;
    margin-left: 100px;
}
.foot_bottom .foot_bottom_l dl dt{
    font-size: 15px;
    margin-bottom: 30px;
}
.foot_bottom .foot_bottom_l dl dd{
    font-size: 13px;
    margin-top: 15px;
    color: #bebebe;
    cursor: pointer;
}
.foot_bottom .foot_bottom_r{
    height: 120px;
    margin-top: 50px;
    float: right;
    margin-right: 0px;
    text-align: center;
    padding: 0 60px;
    border-left: 1px solid #bebebe;
}
.foot_bottom .foot_bottom_r a{
    display: block;
}
.foot_bottom .foot_bottom_r a:nth-child(1){
    font-size: 20px;
    color: #ff6700;
    margin-bottom: 10px;
}
.foot_bottom .foot_bottom_r a:nth-child(2){
    color: #bebebe;
    font-size: 13px;
    margin-bottom: 5px;
}
.foot_bottom .foot_bottom_r a:nth-child(3){
    font-size: 12px;
    color: #bebebe;
    margin-bottom: 10px;
}
.foot_bottom .foot_bottom_r span{
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 30px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    line-height: 30px;
    border: 1px solid  #ff6700;
}
#foot_box #foot_note_box{
    width: 100%;
    height: 80px;
    background: #fafafa;
}
#foot_note_wrap{
    width: 1226px;
    height: 65px;
    margin: 0px auto;
    margin-bottom: 0px;
    overflow: hidden;
}
#foot_note_wrap .foot_logo{
    display: block;
    width: 38px;
    height: 38px;
    background: #ff6700;
    float: left;
}
#foot_note_con{
    width: 800px;
    height:50px;
    margin-top: 20px;
}
#foot_note_con a{
    font-size: 12px;
    color: #757575;
}
#foot_note_con .foot_note_txt{
    display: block;
    height: 50px;
    width: 750px;
    float: left;
    margin-left: 10px;
}
.foot_note_txt h{
    font-size: 12px;
    margin: 0 2px;
}
#foot_note_con a:hover{
    text-decoration: underline #333333;
}